آموزش زاویه ای از جلو به عقب [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• به دوره خوش آمدید Welcome To the Course

• فایل ها و سوالات پروژه Project Files & Questions

• Angular چیست؟ What Is Angular?

• نسخه های Angular توضیح داده شده است Angular Versions Explained

راه اندازی و ساختار فایل Setup & File Structure

• نمای کلی برنامه Sandbox Sandbox App Overview

• راه اندازی محیط Environment Setup

• استفاده از Angular CLI Using Angular CLI

• ساختار فایل زاویه ای Angular File Structure

• مقدمه ای بر TypeScript An Intro to TypeScript

غواصی در اجزا Diving Into Components

• مولفه ها توضیح داده شده است Components Explained

• ایجاد کامپوننت Creating a Component

• خواص و روش ها Properties & Methods

• درون یابی رشته ای String Interpolation

• استفاده از انواع Using Types

• پاکسازی و رابط ها Cleanup & Interfaces

• تولید کامپوننت ها و OnInit Generating Components & OnInit

نحو الگو Template Syntax

• حلقه ها با ngFor Loops With ngFor

• شرایط با ngIf Conditionals With ngIf

• افزودن بوت استرپ Adding Bootstrap

• صحافی اموال Property Binding

• Class Binding & ngClass Class Binding & ngClass

• Style Binding & ngStyle Style Binding & ngStyle

• Pipes & ngNonBindable Pipes & ngNonBindable

• پاکسازی کامپوننت و الگو Component & Template Clean Up

رویدادها و فرم ها Events & Forms

• رویدادهای موش و حالت دستکاری Mouse Events & Manipulating State

• تغییر دادن مقادیر با یک رویداد Toggling Values with an Event

• صفحه کلید و رویدادهای ورودی Keyboard & Input Events

• ngModel & 2 Way Data Binding ngModel & 2 Way Data Binding

• پاکسازی کامپوننت Component Clean Up

• فرم های مبتنی بر الگو - اعتبار سنجی Template Driven Forms – Validation

• فرم های مبتنی بر الگو - ارسال Template Driven Forms – Submission

خدمات، HTTP، ورودی و خروجی Services, HTTP, Input & Output

• سرویس چیست؟ What Is a Service?

• ایجاد یک سرویس Creating a Service

• کار با Observables Working with Observables

• راه اندازی سرویس گیرنده HTTP و درخواست دریافت HTTP Client Setup & GET Request

• درخواست ارسال مشتری HTTP HTTP Client POST Request

• امیتر و خروجی رویداد Event Emitter & Output

• وضعیت ورودی و ویرایش Input & Edit State

• درخواست قرار دادن مشتری HTTP HTTP Client PUT Request

• درخواست DELETE کلاینت HTTP HTTP Client DELETE Request

روتر زاویه ای Angular Router

• نمای کلی روتر زاویه ای Angular Router Overview

• ایجاد ماژول مسیریابی برنامه Create App Routing Module

• ایجاد و نقشه برداری مسیرها Creating & Mapping Routes

• پیوند به مسیرها Linking To Routes

• Params & ActivatedRoute Params & ActivatedRoute

• مؤلفه یافت نشد Not Found Component

پروژه DevLogger DevLogger Project

• DevLogger Intro & Demo DevLogger Intro & Demo

• کامپوننت ها و راه اندازی بوت استرپ Components & Bootstrap Setup

• ساخت رابط کاربری Building the UI

• گزارش مؤلفه و خدمات Logs Component & Service

• مشاهدات و ارتباطات مؤلفه Observables & Component Communication

• اضافه کردن، به روز رسانی و حذف سیاههها Add, Update & Delete Logs

• تکمیل وضعیت و تجربه کاربری Finishing Up the State & UX

• پیاده سازی Local Storage Implementing Local Storage

• ساخت و استقرار در صفحات Github Build & Deploy To Github Pages

پروژه پنل مشتری - قسمت 1 Client Panel Project - Part 1

• معرفی و نمایش پنل مشتری Client Panel Intro & Demo

• Firebase Firestore & App Setup Firebase Firestore & App Setup

• کامپوننت ها را تولید کنید و نوار ناوبری را راه اندازی کنید Generate Components & Setup Navbar

• راه اندازی ماژول مسیریابی Routing Module Setup

• AngularFire2 راه اندازی و سرویس مشتری AngularFire2 Setup & Client Service

• مشتریان و مؤلفه داشبورد Clients & Dashboard Component

• افزودن فرم مشتری و اعتبارسنجی Add Client Form & Validation

• کلاینت را به Firestore اضافه کنید Add Client to Firestore

• جزء جزئیات مشتری Client Details Component

پروژه پنل مشتری - قسمت 2 Client Panel Project - Part 2

• به روز رسانی موجودی مشتری Client Balance Update

• ویرایش و حذف مشتریان Edit & Delete Clients

• احراز هویت ورود Login Authentication

• پیوندهای خروج و ناو Logout & Nav Links

• Auth Guard برای مسیرها Auth Guard for Routes

• ثبت نام کاربر User Registration

• سرویس تنظیمات و گارد ثبت نام Settings Service & Register Guard

• افزودن صفحه تنظیمات Adding the Settings Page

• استقرار در میزبانی Firebase Deploy To Firebase Hosting